<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title> 添加句子 </ion-title>
    <ion-label slot="end">换行断句</ion-label>
    <ion-toggle
      (ionChange)="ionChange($event)"
      slot="end"
      [checked]="spitSentence"
    ></ion-toggle>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-grid class="content">
    <ion-textarea
    [autoGrow]="true"
      #sentence
      class="sentence"
      [rows]="10"
      [spellcheck]="true"
      (ionChange)="change()"
    ></ion-textarea>
    <ion-row>
      <ion-col [size]="4"><span>句子数量: {{lineNum}}</span></ion-col>
      <ion-col [size]="4" class="button-outside"
        ><ion-button
          [disabled]="!sentence.value || exceedMax"
          (click)="addSentence()"
          class="btn"
          >添加句子</ion-button
        ></ion-col
      >
      <ion-col [size]="4"></ion-col>
    </ion-row>
    <ion-item> </ion-item>
  </ion-grid>
</ion-content>
